<template>
  <svg width="120" height="32" viewBox="0 0 120 32" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M104.998 12.001H101.229V24.9736H104.998V12.001Z" fill="#222222" />
    <path d="M104.998 6.66631H101.229V10.4726H104.998V6.66631Z" fill="#222222" />
    <path
      d="M84.6658 10.8411H80.6391L77.963 14.8736L75.2827 10.8411H71.2602L75.9517 17.9053L71.2602 24.9736H75.2827L77.963 20.9369L80.6391 24.9736H84.6658L79.9742 17.9053L84.6658 10.8411Z"
      fill="#222222" />
    <path
      d="M52.3694 6.66631V18.1816L44.125 7.12693L43.7801 6.66631H40.8297H40.356V7.02644V8.40409V24.9736H44.125V13.4541L52.3694 24.5088L52.7185 24.9736H56.1385V23.2316V6.66631H52.3694Z"
      fill="#222222" />
    <path
      d="M67.4829 19.3499H71.2644C71.3267 18.927 71.3641 18.4957 71.3641 18.0518C71.3641 14.0403 68.6547 10.7867 64.7735 10.7867C60.8923 10.7867 57.7425 14.0403 57.7425 18.0518C57.7425 22.0633 60.8882 25.3169 64.7735 25.3169C67.1172 25.3169 69.4069 24.4125 70.5579 22.5909L68.3057 20.6145C68.3057 20.6145 67.3291 22.1764 65.2472 22.1764C62.6708 22.1764 61.8688 20.2837 61.6361 19.3499H67.4912H67.4829ZM64.6488 13.8812C66.0825 13.8812 67.1629 15.1374 67.5036 16.8584H61.6112C62.0018 15.1374 63.2111 13.8812 64.6488 13.8812Z"
      fill="#222222" />
    <path
      d="M115.865 19.3499H119.646C119.709 18.927 119.746 18.4957 119.746 18.0518C119.746 14.0403 117.037 10.7867 113.156 10.7867C109.274 10.7867 106.125 14.0403 106.125 18.0518C106.125 22.0633 109.27 25.3169 113.156 25.3169C115.499 25.3169 117.789 24.4125 118.94 22.5909L116.688 20.6145C116.688 20.6145 115.711 22.1764 113.629 22.1764C111.053 22.1764 110.251 20.2837 110.018 19.3499H115.873H115.865ZM113.031 13.8812C114.465 13.8812 115.545 15.1374 115.886 16.8584H109.993C110.384 15.1374 111.593 13.8812 113.031 13.8812Z"
      fill="#222222" />
    <path
      d="M93.8202 10.6862C92.1871 10.6862 90.6995 11.4232 89.5858 12.6292V6.66631H85.8168V24.9736H89.5858V23.3907C90.6995 24.5967 92.1871 25.3337 93.8202 25.3337C97.2693 25.3337 100.066 22.055 100.066 18.0099C100.066 13.9649 97.2693 10.6862 93.8202 10.6862ZM92.8977 21.8749C91.0943 21.8749 89.6274 20.1413 89.6274 18.0058C89.6274 15.8702 91.0901 14.1366 92.8977 14.1366C94.7054 14.1366 96.1681 15.8702 96.1681 18.0058C96.1681 20.1413 94.7054 21.8749 92.8977 21.8749Z"
      fill="#222222" />
    <path
      d="M20.5095 0H12.5726C5.99445 0 0.662987 5.37242 0.662987 12.0011V19.9989C0.662987 26.6276 5.99445 32 12.5726 32H20.5095C27.0876 32 32.4191 26.6276 32.4191 19.9989V12.0011C32.4191 5.37242 27.0876 0 20.5095 0Z"
      fill="#F76B1B" />
    <path
      d="M23.223 25.3295H18.9055L15.3152 17.4321L11.9451 25.3295H7.48211L5.95705 22.0215L13.6613 6.66631H16.8859L21.9556 18.3826L25.0016 13.0856L27.125 17.7503L23.223 25.3295Z"
      fill="white" />
  </svg>
</template>

<script setup lang="ts">
  interface Props {
    width?: number | string;
    height?: number | string;
    color?: string;
    fill?: string;
    strokeWidth?: number | string;
    iconClass?: string;
  }

  withDefaults(defineProps<Props>(), {
    width: 150,
    height: 40,
    color: '#F76B1B',
    fill: 'none',
    strokeWidth: 1,
    iconClass: '',
  });
</script>
